<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html">

<ui:composition template="/templates/template.xhtml">
	<ui:define name="pageTitle">Vendas</ui:define>
	<ui:define name="pageHeader">Registro de Vendas</ui:define>
	<ui:define name="body">
		<h:form>

			<h:panelGrid columns="2">
				<h:outputLabel value="Cliente: " />
				<h:selectOneMenu value="#{registroVendas.clienteSelecionado}">
					<f:selectItem itemLabel="Selecione um cliente" />
					<f:selectItems value="#{registroVendas.clientesSelect}" />
					<f:ajax event="change" render="idClienteSelecionado" />
				</h:selectOneMenu>

				<h:outputLabel value="Produto:" />
				<h:panelGroup>
					<h:inputText value="#{registroVendas.produtoSelecionado.descricao}" />
					<h:commandButton value="Pesquisar"
						action="#{registroVendas.buscarProduto}">
						<f:ajax onevent="click" render="idValorTotal" />
					</h:commandButton>
				</h:panelGroup>

				<h:outputLabel value="ID do cliente: " />
				<h:outputText id="idClienteSelecionado"
					value="#{registroVendas.clienteSelecionado.id}" />

				<h:dataTable id="idCarrinhoCompras"
					value="#{registroVendas.carrinhoCompras}"
					rendered="#{not empty registroVendas.carrinhoCompras}"
					var="produto" border="1">
					<f:facet name="header">Listagem carrinho de compras</f:facet>
					<h:column>
						<f:facet name="header">Descrição</f:facet>
						#{produto.descricao}
					</h:column>

					<h:column>
						<f:facet name="header">Ações</f:facet>
						<h:commandLink action="#{registroVendas.excluirProdutoCarrinho}"
							onclick="if (!confirm('Confirma a exclusão do produto #{produto.descricao} do carrinho ?')) return false;">
							<h:graphicImage library="imagens" name="exclui.png" />
							<f:setPropertyActionListener value="#{produto}"
								target="#{registroVendas.produtoSelecionado}" />
						</h:commandLink>
					</h:column>

				</h:dataTable>

				<h:panelGroup>
					<h:outputLabel value="SubTotal: " />
					<h:outputText id="idValorTotal"
						value="#{registroVendas.valorTotal}">
						<f:convertNumber currencyCode="BRL" type="currency" />
					</h:outputText>
				</h:panelGroup>

				<h:commandButton action="#{registroVendas.finalizarVenda}"
					value="Finalizar Venda" />
			</h:panelGrid>

		</h:form>
	</ui:define>
</ui:composition>

</html>